<template>
  <div>
    <sweet-scrollbar height="800px">
      <sweet-space direction="vertical">

        <!-- <sweet-config-provider namespace="sweet" :locale="zh"> -->
        <sweet-config-provider namespace="sweet">
          <sweet-pagination
            :page-size="20"
            :pager-count="11"
            layout="prev, pager, next, jumper"
            :total="1000">
          </sweet-pagination>
        </sweet-config-provider>
        <!-- <sweet-config-provider namespace="sweet" :locale="en"> -->
        <sweet-config-provider namespace="sweet">
          <sweet-pagination
            :page-size="20"
            :pager-count="11"
            layout="prev, pager, next, jumper"
            :total="1000">
          </sweet-pagination>
        </sweet-config-provider>

        <sweet-button>默认按钮</sweet-button>
        <sweet-button type="primary">主要按钮</sweet-button>
        <sweet-link>默认链接</sweet-link>
        <sweet-link type="primary">主要链接</sweet-link>
      </sweet-space>

      <sweet-divider divider-level="primary"/>
      <sweet-divider divider-level="secondary"/>

      <sweetContainer />
      <sweetLayout />

      <!-- 栅格布局系统 -->
      <sweetGridLayout />

    </sweet-scrollbar>
  </div>
</template>
<script>
// import zh_CN from '@hw-seq/sweet-ui-base/es/locale/lang/zh_CN.mjs';
// import en_US from '@hw-seq/sweet-ui-base/es/locale/lang/en_US.mjs';
// import { localeMessages } from '@hw-seq/sweet-ui-base/es/locale/index.mjs';

import sweetContainer from './common-components/sweet-container.vue';
import sweetLayout from './common-components/sweet-layout.vue';
import sweetGridLayout from './common-components/sweet-grid-layout.vue';
export default {
  components: { sweetContainer, sweetLayout, sweetGridLayout },
  data() {
    return {
      // zh: zh_CN,
      // en: en_US,
      // zh: localeMessages.zh,
      // en: localeMessages.en,
    };
  },
}
</script>
